<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
	    <meta name="author" content="奇沃云科技"/>
    	<title>深游</title>
	    <link rel="stylesheet" type="text/css" href="../css/publice.css"/>
	    <link rel="stylesheet" type="text/css" href="../css/main.css"/>
	    <script type="text/javascript" src="../js/jquery-1.11.3.min.js" ></script>
	    <script>
	    	var navNum='3'
	    </script>
	</head>
	<body>
		<header id="header">
		  <aside class="maxWidth">
    		<div class="logo"><a href="../index.html"><img src="../img/login.png"/></a></div>
    		<div class="right">
    			<nav class="menu">
    				<ul>
    					<li id="sMenu1"><a href="../index.html"><span>首页</span></a></li>
    					<li id="sMenu2"><a href="../index.html#index_list1"><span>目的地</span></a></li>
    					<li id="sMenu3"><a href="../topic/topic.html"><span>特别专题</span></a></li>
    					<li id="sMenu4"><a href="javascript:void(0);"><span>关于我们</span></a>
    						<dl>
    							<!--<dd  id="sSecond4_1"><a href="../about/article.html">文章列表</a></dd>-->
    							<dd  id="sSecond4_2"><a href="../about/brand.html">品牌简介</a></dd>
    							<dd  id="sSecond4_3"><a href="../about/operation.html">合作咨询</a></dd>
    						</dl>
    					</li>
    					<!--<li><a href="#footer"><span>微信微博</span></a></li>-->
    					<li id="sMenu5"><a href="../about/article.html"><span>文章列表</span></a></li>
    				</ul>
    			</nav>
    			<div class="top_login">
    				<a href="javascript:void(0);" class="login loginTop">登录</a>
    				<span class="login_line">|</span>
    				<a href="javascript:void(0);" class="resign resignTop">注册</a>
    			</div>
    			<div class="search">
    				<input type="text" class="search_text" />
    				<span class="search_icon"></span>
    			</div>
    		</div>	
		</aside>
	</header>
	<!--手机站导航 start-->
	<header class="mobile">
		<aside class="mobile_top">
			<a href="javascript:void(0);" class="logo"><img src="../img/login.png"/></a>
			<span class='mobile_menu_icon'>
				<span></span>
				<span></span>
			</span>
		</aside>
		<aside class="mobile_menu">
			<ul>
				<li id="sMenu1">
					<a href="../index.html">首页</a>
				</li>
				<li id="sMenu2">
					<a href="../index.html#index_list1">目的地</a>
				</li>
				<li id="sMenu3">
					<a href="../topic/topic.html">特别专题</a>
				</li>
				<li class="nextChildren"  id="sMenu4">
					<a href="javascript:void(0);">关于我们</a>
					<dl>
						<!--<dd id="sSecond4_1"><a href="../about/article.html">文章列表</a></dd>-->
						<dd id="sSecond4_2"><a href="../about/brand.html">品牌简介</a></dd>
						<dd id="sSecond4_3"><a href="../about/operation.html">合作咨询</a></dd>
					</dl>
				</li>
				<li id="sMenu5">
					<a href="../about/article.html">文章列表</a>
				</li>
				<li class="loginTop">
					<a href="javascript:void(0);">登录</a>
				</li>
				<li class="resignTop">
					<a href="javascript:void(0);">注册</a>
				</li>
			</ul>
		</aside>
	</header>
	<!--手机站导航 end-->
	<!--注册弹窗 start-->
	<section class="loginProp" id="resignProp">
		<aside class="prop_main">
			<a href="javascript:void(0);" class="closeProp" id="closeResign"><img src="../img/close_icon.png"/></a>
			<aside class="loginProp_main">
				<div class="logo2"><img src="../img/logo2.png"/></div>
				<div class="loginMain">
					<dl>
						<dt>用户名</dt>
						<dd><input type="text" class="text" placeholder="请输入用户名"/></dd>
					</dl>
					<dl>
						<dt>邮箱</dt>
						<dd><input type="text" class="text" placeholder="可用于登录和找回密码"/></dd>
					</dl>
					<dl>
						<dt>密码</dt>
						<dd><input type="password" class="text" placeholder="6-12位字母或数字"/></dd>
					</dl>
					<dl>
						<dt>确认密码</dt>
						<dd><input type="password" class="text" placeholder="重新填写密码"/></dd>
					</dl>
					<dl class="w100">
						<dd>
							<input type="text" class="text smallText" placeholder="填写邮箱中收到的验证码" />
							<button type="button" class="btn yzm">获取邮箱验证码</button>
						</dd>
					</dl>
					<div class="loginCheck">
						<div class="checklabel">						
							<input type="checkbox" class="checkbox" />
							<span class="check_span"></span>
						</div>
						<p>同意<a href="../other/service.html" target="_blank">《服务协议》</a>、<a href="../other/privacy.html" target="_blank">《隐私保护声明》</a></p>
					</div>
					<a href="../person/person.html" class="btn_resign resign">注册</a>
				</div>
			</aside>
		</aside>
	</section>
	<!--注册弹窗 end-->
	<!--登录弹窗 start-->
	<section class="loginProp" id="loginProp">
		<aside class="prop_main">
			<a href="javascript:void(0);" class="closeProp" id="closeloginProp"><img src="../img/close_icon.png"/></a>
			<aside class="loginProp_main">
				<div class="logo2"><img src="../img/logo2.png"/></div>
				<div class="loginMain">
					<dl>
						<dt>用户</dt>
						<dd><input type="text" class="text" placeholder="请输入用户名或邮箱"/></dd>
					</dl>
					<dl>
						<dt>密码</dt>
						<dd><input type="password" class="text" placeholder="6-12位字母或数字"/></dd>
					</dl>
					<a href="../person/person.html" class="btn_resign btn_login">登录</a>
				</div>
			</aside>
		</aside>
	</section>
	<!--登录弹窗 end-->
	<!--20190918新的主题start-->
	<section class="second_banner topic_banner">
		<img src="../img/topic/pc_banner.jpg"/>
	</section>
	<section class="topic_side1">
		<aside class="topic_side1_main maxWidth index_maxWidth">
			<ul>
				<li>
					<div class="pic"><img src="../img/topic/topic_1.png"/></div>
					<a href="javascript:void(0);">
						<div class="text">
							<p class="big_title">海滨度假</p>
							<p class="small_title">点击图片进行探索</p>						
						</div>
					</a>
				</li>
				<li>
					<div class="pic"><img src="../img/topic/topic_2.png"/></div>
					<a href="javascript:void(0);">
						<div class="text">
							<p class="big_title">城市探索</p>
							<p class="small_title">点击图片进行探索</p>						
						</div>
					</a>
				</li>
				<li>
					<div class="pic"><img src="../img/topic/topic_3.png"/></div>
					<a href="javascript:void(0);">
						<div class="text">
							<p class="big_title">特色探索</p>
							<p class="small_title">点击图片进行探索</p>						
						</div>
					</a>
				</li>
			</ul>
		</aside>
	</section>
	<section class="topic_side2 new_index destination_index1">
		<aside class="maxWidth index_maxWidth">
			<h3 class="title"><span>城市探索</span></h3>
			<h4 class="small_title"><a href="javasript:void(0);" class="active">城市探索分享</a></h4>
			<aside class="topic_side2_main">
				<ul>
					<li>
						<div class="pic">
							<a href="../destination/destination_detail1.html">
								<img src="../img/topic/topic_slide2_1.jpg"/>
							</a>
						</div>
						<div class="text">
							<h3 class="big_title">深游</h3>
							<h4 class="sub_title">探索深处最原始的美好</h4>
							<span class="time">2019.2.13</span>
							<p class="troduct">一份完全会老挝人日常的旅行攻略？</p>
							<div class="share">
								<div class="bdsharebuttonbox">
									<a href="#" class="bds_tsina" data-cmd="tsina" title="分享到新浪微博"></a>
									<a href="#" class="bds_weixin" data-cmd="weixin" title="分享到微信"></a>
									<a href="#" class="bds_qzone" data-cmd="qzone" title="分享到QQ空间"></a>
								</div>
							</div>
						</div>
					</li>
					<li>
						<div class="pic">
							<a href="../destination/destination_detail1.html">
								<img src="../img/topic/topic_slide2_1.jpg"/>
							</a>
						</div>
						<div class="text">
							<h3 class="big_title">深游</h3>
							<h4 class="sub_title">探索深处最原始的美好</h4>
							<span class="time">2019.2.13</span>
							<p class="troduct">一份完全会老挝人日常的旅行攻略？</p>
							<div class="share">
								<div class="bdsharebuttonbox">
									<a href="#" class="bds_tsina" data-cmd="tsina" title="分享到新浪微博"></a>
									<a href="#" class="bds_weixin" data-cmd="weixin" title="分享到微信"></a>
									<a href="#" class="bds_qzone" data-cmd="qzone" title="分享到QQ空间"></a>
								</div>
							</div>
						</div>
					</li>
					<li>
						<div class="pic">
							<a href="../destination/destination_detail1.html">
								<img src="../img/topic/topic_slide2_1.jpg"/>
							</a>
						</div>
						<div class="text">
							<h3 class="big_title">深游</h3>
							<h4 class="sub_title">探索深处最原始的美好</h4>
							<span class="time">2019.2.13</span>
							<p class="troduct">一份完全会老挝人日常的旅行攻略？</p>
							<div class="share">
								<div class="bdsharebuttonbox">
									<a href="#" class="bds_tsina" data-cmd="tsina" title="分享到新浪微博"></a>
									<a href="#" class="bds_weixin" data-cmd="weixin" title="分享到微信"></a>
									<a href="#" class="bds_qzone" data-cmd="qzone" title="分享到QQ空间"></a>
								</div>
							</div>
						</div>
					</li>
					<li>
						<div class="pic">
							<a href="../destination/destination_detail1.html">
								<img src="../img/topic/topic_slide2_1.jpg"/>
							</a>
						</div>
						<div class="text">
							<h3 class="big_title">深游</h3>
							<h4 class="sub_title">探索深处最原始的美好</h4>
							<span class="time">2019.2.13</span>
							<p class="troduct">一份完全会老挝人日常的旅行攻略？</p>
							<div class="share">
								<div class="bdsharebuttonbox">
									<a href="#" class="bds_tsina" data-cmd="tsina" title="分享到新浪微博"></a>
									<a href="#" class="bds_weixin" data-cmd="weixin" title="分享到微信"></a>
									<a href="#" class="bds_qzone" data-cmd="qzone" title="分享到QQ空间"></a>
								</div>
							</div>
						</div>
					</li>
					<li>
						<div class="pic">
							<a href="../destination/destination_detail1.html">
								<img src="../img/topic/topic_slide2_1.jpg"/>
							</a>
						</div>
						<div class="text">
							<h3 class="big_title">深游</h3>
							<h4 class="sub_title">探索深处最原始的美好</h4>
							<span class="time">2019.2.13</span>
							<p class="troduct">一份完全会老挝人日常的旅行攻略？</p>
							<div class="share">
								<div class="bdsharebuttonbox">
									<a href="#" class="bds_tsina" data-cmd="tsina" title="分享到新浪微博"></a>
									<a href="#" class="bds_weixin" data-cmd="weixin" title="分享到微信"></a>
									<a href="#" class="bds_qzone" data-cmd="qzone" title="分享到QQ空间"></a>
								</div>
							</div>
						</div>
					</li>
					<li>
						<div class="pic">
							<a href="../destination/destination_detail1.html">
								<img src="../img/topic/topic_slide2_1.jpg"/>
							</a>
						</div>
						<div class="text">
							<h3 class="big_title"><a href="#">深游</a></h3>
							<h4 class="sub_title"><a href="#">探索深处最原始的美好</a></h4>
							<span class="time">2019.2.13</span>
							<p class="troduct">一份完全会老挝人日常的旅行攻略？</p>
							<div class="share">
								<div class="bdsharebuttonbox">
									<a href="#" class="bds_tsina" data-cmd="tsina" title="分享到新浪微博"></a>
									<a href="#" class="bds_weixin" data-cmd="weixin" title="分享到微信"></a>
									<a href="#" class="bds_qzone" data-cmd="qzone" title="分享到QQ空间"></a>
								</div>
							</div>
						</div>
					</li>
				</ul>
				<a href="javascript:void(0);" class="more index_more destination_more">点击探索更多城市</a>
			</aside>
		</aside>
	</section>
	<script type="text/javascript">
		$(".topic_side1 li").click(function(){
			//页面滚动到指定的位置
			$('html,body').animate({ scrollTop: $(".topic_side2").offset().top-12}, 200);
			//修改下面tab切换的标题和查看更多的内容的标题
			var _title=$(this).find(".big_title").html();
			$(".topic_side2 .title span").html(_title);
			$(".topic_side2 .small_title a").html(_title+'分享');
			$(".destination_more").html("点击探索更多"+_title)
			
		})
	</script>
	<!--20190918新的主题end-->
	<!--pc站，新添加的20190831 end-->
	<footer class="footer" id="footer">
		<div class="line"></div>
		<aside class="bottom">
			<div class="maxWidth">
				<div class="login"><img src="../img/footer_login.png"/></div>
				<dl class="bottom_submenu">
					<dd><a href="../about/article.html">关于我们</a></dd>
					<dd><a href="../about/operation.html">合作咨询</a></dd>
				</dl>
				<div class="bottom_troduct">
					<div class="left">
						<p>本网站部分图片来自网络，若作者看到，请立即与深游联系。</p>
						<p>Copyright 2017 Onemedia Group. All rights reserved.<br/>@2017 一媒体广告策划（深圳）有限公司·保留所有权<br/>备案号：粤ICP备16101870号-3</p>
					</div>
					<div class="right">
						<span><img src="../img/code_1.jpg"/></span>
						<span><img src="../img/code_2.jpg"/></span>
					</div>
				</div>
			</div>
		</aside>
	</footer>
	<!--右侧固定 start-->
	<section class="rightFixed">
		<ul>
			<li>
				<a class="icon wx_icon"></a>
				<div class="pic wx_pic">
					<img src="../img/code_1.jpg"/>
					<span class="text">扫描二维码<br/>关注公众号</span>
				</div>
			</li>
			<li>
				<a class="icon sina_icon"></a>
			</li>
			<li class="top_icon_li">
				<a class="icon top_icon"></a>
			</li>
		</ul>
	</section>
	<script src="../js/common.js" type="text/javascript"></script>
	<script>
		window._bd_share_config={"common":{"bdSnsKey":{},"bdText":"","bdMini":"2","bdMiniList":[],"bdPic":"","bdStyle":"0","bdSize":"16"},"share":{}};with(document)0[(getElementsByTagName('head')[0]||body).appendChild(createElement('script')).src='http://bdimg.share.baidu.com/static/api/js/share.js?v=89860593.js?cdnversion='+~(-new Date()/36e5)];
	  //点击出现列表
	  $(".topic .topic_main").click(function(){
	  	if($(this).siblings(".topic1_side").css('display')=="none"){
	  		//$(this).siblings(".topic1_side").slideDown().parents(".topic").siblings().find(".topic1_side").slideUp();
	  		$(this).siblings(".topic1_side").slideDown();
	  	}
	    else{
	    	$(this).siblings(".topic1_side").slideUp();
	    }
	  })
	</script>
	</body>
</html>
